<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">


<ui:decorate template="/resources/template/template.xhtml">
	<ui:define name="titulo">
	Cadastro de Produtos
</ui:define>

	<ui:define name="centro">

		<h:form id="formulario">


			<p:growl showDetail="true" />


			<p:dataTable id="tabela" value="#{produtoBean.produtos}"
				var="produto" emptyMessage="Nenhum registro incluido."
				paginator="true" rows="5" rowsPerPageTemplate="5,10,15,20"
				paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}">


				<!-- <f:facet name="header">Lista de Produtos</f:facet>  -->

				<p:column headerText="Produto">
					<h:outputText value="#{produto.pro_nome}" />
				</p:column>


				<p:column headerText="Modelo">
					<h:outputText value="#{produto.pro_modelo}" />
				</p:column>


				<p:column headerText="Fabricante">
					<h:outputText value="#{produto.pro_fabricante}" />
				</p:column>


				<p:column headerText="Editar - Excluir">


					<p:commandButton styleClass="campo botao" value="Editar"
						action="#{produtoBean.edit}" title="Editar Registro" ajax="false">
						<f:setPropertyActionListener target="#{produtoBean.produto}"
							value="#{produto}" />
					</p:commandButton>


					<p:commandButton styleClass="campo botao" value="Excluir"
						title="Excluir Registro" onclick="confirmation.show()">
						<f:setPropertyActionListener target="#{produtoBean.produto}"
							value="#{produto}" />
					</p:commandButton>

				</p:column>

			</p:dataTable>


			<p:panel header="Novo produto" id="pnlProduto"
				style="margin-top:10px;">
				<p:panelGrid id="pnlGrdProduto" columns="2"
					columnClasses="col1,col2">


					<h:outputLabel styleClass="campo campo_label" value="Subgrupo"
						for="txtsubgrupo" />
					<p:selectOneMenu styleClass="campo campo_select" id="txtsubgrupo"
						effect="drop" value="#{produtoBean.produto.sub_id}">
						<f:selectItems value="#{subgrupoBean.subgrupos}" var="subgrupo"
							itemLabel="#{subgrupo.sub_nome}" itemValue="#{subgrupo.sub_id}">
						</f:selectItems>
					</p:selectOneMenu>


					<h:outputLabel styleClass="campo campo_label" value="Produto:"
						for="txtpro_nome" />
					<p:inputText id="txtpro_nome"
						value="#{produtoBean.produto.pro_nome}" />


					<h:outputLabel styleClass="campo campo_label" value="Modelo:"
						for="txtpro_modelo" />
					<p:inputText id="txtpro_modelo"
						value="#{produtoBean.produto.pro_modelo}" />


					<h:outputLabel styleClass="campo campo_label"
						value="Especificações:" for="txtpro_especificacoes" />
					<p:inputTextarea id="txtpro_especificacoes" autoResize="false"
						style="min-width: 300px;min-height:100px;"
						value="#{produtoBean.produto.pro_especificacoes}" />


					<h:outputLabel styleClass="campo campo_label" value="Peso (KG)"
						for="txtpro_peso" />
					<p:inputText id="txtpro_peso"
						value="#{produtoBean.produto.pro_peso}" />


					<h:outputLabel styleClass="campo campo_label"
						value="Dimensões (AxLxP):" for="txtpro_dimensoes" />
					<p:inputText id="txtpro_dimensoes"
						value="#{produtoBean.produto.pro_dimensoes}" />


					<h:outputLabel styleClass="campo campo_label" value="Quantidade:"
						for="txtpro_quantidade" />
					<p:inputText id="txtpro_quantidade"
						value="#{produtoBean.produto.pro_quantidade}" />


					<h:outputLabel styleClass="campo campo_label"
						value="Preço de Custo:" for="txtpro_preco_custo" />
					<p:inputText id="txtpro_preco_custo"
						value="#{produtoBean.produto.pro_preco_custo}" />


					<h:outputLabel styleClass="campo campo_label"
						value="Preço de Venda" for="txtpro_preco_venda" />
					<p:inputText id="txtpro_preco_venda"
						value="#{produtoBean.produto.pro_preco_venda}" />


					<h:outputLabel styleClass="campo campo_label" value="Fabricante:"
						for="txtpro_fabricante" />
					<p:inputText id="txtpro_fabricante"
						value="#{produtoBean.produto.pro_fabricante}" />


					<h:outputLabel styleClass="campo campo_label" value="Link:"
						for="txtpro_link" />
					<p:inputText id="txtpro_link"
						value="#{produtoBean.produto.pro_link}" />


					<h:outputLabel styleClass="campo campo_label" value="Garantia:"
						for="txtpro_garantia" />
					<p:inputText id="txtpro_garantia"
						value="#{produtoBean.produto.pro_garantia}" />


					<h:outputLabel styleClass="campo campo_label" value="Destaque:"
						for="txtpro_destaque" />
					<p:selectBooleanCheckbox id="txtpro_destaque"
						value="#{produtoBean.produto.pro_destaque}" />


					<h:outputLabel styleClass="campo campo_label" value="Ativo:"
						for="txtpro_ativo" />
					<h:selectOneRadio id="txtpro_ativo"
						value="#{produtoBean.produto.pro_ativo}">
						<f:selectItem itemLabel="Sim" itemValue="true" />
						<f:selectItem itemLabel="Não" itemValue="false" />
					</h:selectOneRadio>


					<h:outputText value="Imagem:" />

					<p:fileUpload fileUploadListener="#{produtoBean.handleFileUpload}"
						mode="advanced" update="formulario" sizeLimit="5242880"
						allowTypes="/(\.|\/)(gif|jpe?g|png)$/" label="Selecionar"
						uploadLabel="Enviar" cancelLabel="Cancelar"
						style="width: auto; min-width: 300px;" />


					<p:commandButton styleClass="campo botao" id="btnSalvar"
						value="Salvar" actionListener="#{produtoBean.save}"
						update="formulario" />

					<p:commandButton styleClass="campo botao" id="btnCancelar"
						value="Cancelar" actionListener="#{produtoBean.cancelar}"
						update="formulario" />
				</p:panelGrid>
			</p:panel>

		</h:form>



		<p:dataGrid var="caminho" value="#{produtoBean.caminhoImg}"
			columns="3" rows="6" paginator="true"
			paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
			rowsPerPageTemplate="6,12,24">


			<p:graphicImage value="#{caminho}" style="width:250px;height:250px;" />


		</p:dataGrid>



		<p:confirmDialog appendToBody="true" id="confirmDialog"
			message="Excluir o registro?" header="Exclusão" severity="info"
			widgetVar="confirmation">
			<h:form id="dlg">
				<p:commandButton styleClass="campo botao" value="Sim"
					update=":formulario:tabela" oncomplete="confirmation.hide()"
					actionListener="#{produtoBean.delete}" />

				<p:commandButton styleClass="campo botao" value="Não"
					onclick="confirmation.hide()" />
			</h:form>
		</p:confirmDialog>

	</ui:define>
</ui:decorate>
</html>
